<template>
  <div class="artic-list">
    <div v-for="(item,index) in list" :key="item.id" class="artic-item--border">
      <template v-if="list[index].node">
        <artic-item :item.sync="list[index].node"></artic-item>
      </template>
      <template v-else-if="list[index]">
        <artic-item :item.sync="list[index]"></artic-item>
      </template>
    </div>
  </div>
</template>

<script>
    import ArticItem from "./articItem";
    export default {
      components: { ArticItem },
      props: {
          hasDesc: {
            type: Boolean,
            default: false
          },
          list: {
            type: Array,
            default: () => []
          }
      },
      data(){
          return {}
      },
      created() {
      },
      methods: {

      }
    }
</script>

<style scoped>
.artic-list{
  background: #fff;
  .artic-item--border:not(:last-child){
    border-bottom: 1px solid #eee;
  }
}
</style>
